
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>《光年之外》_看谱吧</title>
    <meta name="keywords" content="《光年之外》,如何瞬间冻结时间,记住望着我坚定的双眼,也许已经没有明天,面对浩瀚的星海,我们微小得像尘埃,漂浮在一片无奈"/>
    <meta name="description" content=" ..."/>
    <link rel="stylesheet" type="text/css" href="/assets/static/m/css/style.css">
    <!--<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
    <!--<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">-->
    <!--<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>-->
    <!--<script src="/assets/static/m/js/jquery.magnify.js"></script>-->
    <!--<link href="/assets/static/m/css/jquery.magnify.css" rel="stylesheet">-->

    <!--<script src="/assets/static/m/js/jquery-1.7.2.min.js"></script>-->
    <!--<script src="/assets/static/m/js/pinchzoom.js"></script>-->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/assets/static/m/demo/css/demo.css">
    <link rel="stylesheet" href="/assets/static/m/demo/css/photoswipe.css">
    <link rel="stylesheet" href="/assets/static/m/demo/css/default-skin/default-skin.css">
    <script src="/assets/static/m/demo/js/photoswipe.min.js"></script>
    <script src="/assets/static/m/demo/js/photoswipe-ui-default.min.js"></script>
    <!--<style>-->
        <!--.pinch-zoom,.pinch-zoom img{-->
            <!--width: 100%;-->
            <!-- -webkit-user-drag: none;-->
            <!-- -moz-user-drag: none;-->
            <!-- -ms-user-drag: none;-->
            <!--user-drag: none;-->
        <!--}-->
    <!--</style>-->
</head>
<body>
<div class="i_site"><a href="https://m.kanpuba.com">看谱吧</a> ( <a href="https://m.kanpuba.com">m.kanpuba.com</a> )</div>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?9751e393330a3cda4135ddbc87618a13";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<div class="line_10"></div>
<div class="position">
    <a href="/">
        <img width="22" height="22" src="/assets/static/m/image/img_10.png" />
    </a>
    <a class="p_a" href="https://m.kanpuba.com/yuepu/" title="乐谱_看谱吧" title="乐谱_看谱吧">乐谱</a><a class="p_a" href="https://m.kanpuba.com/yuepu/jita/" title="吉他谱_看谱吧">吉他谱</a>    <span>详情</span>
</div>
<h1 class="a_title">《光年之外》</h1>
<div class="a_user"><span>时间：2024-10-24 08:13:20</span></div>

<div id="m_art_content" class="a_contents">
    <p> </p>
    <!--<p class="img" alt="我和你_钢琴谱_看谱吧"><img src="https://img.kanpuba.com/uploads/yuepu/20241022/16aa42145474a682234207c5231484df.jpg"></p>-->
    <!--<p class="img" alt="我和你_钢琴谱_看谱吧"><img src="https://img.kanpuba.com/uploads/yuepu/20241022/4f7ae3988eeacbd0b134833e172e0cb6.jpg"></p>-->
    <!--<p class="img" alt="我和你_钢琴谱_看谱吧"><img src="https://img.kanpuba.com/uploads/yuepu/20241022/b461e3ef6b75023f6cdf0744fba59d8a.jpg"></p>-->

    <p class="img"  alt="《光年之外》_吉他谱_看谱吧"><img  src="https://img.kanpuba.com/uploads/yuepu/20241024/9aa9cb82e67fac840b8a5e569bac04e3.jpg"></p>
    <p class="img"  alt="《光年之外》_吉他谱_看谱吧"><img  src="https://img.kanpuba.com/uploads/yuepu/20241022/b461e3ef6b75023f6cdf0744fba59d8a.jpg"></p>

</div>
<div id="m_art_is_get_more"></div>
<div class="line_10"></div>
<div class="i_c_title">
    <div class="i_c_tw"><img src="/assets/static/m/image/img_05.png" /><a href="/">热搜推荐</a></div>
    <div class="i_c_more"><a href="/">更多精彩</a></div>
    <div class="clear"></div>
</div>
<ul class="one_a_list">
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/jita/6235.html" title="《小步舞曲》_看谱吧"> 《小步舞曲》</a>
        <span class="data_time">2024-10-23</span>
    </li>
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/gangqin/6234.html" title="死了都要爱_看谱吧"> 死了都要爱</a>
        <span class="data_time">2024-10-23</span>
    </li>
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/jita/6232.html" title="《算什么男人》_看谱吧"> 《算什么男人》</a>
        <span class="data_time">2024-10-23</span>
    </li>
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/jita/6231.html" title="《泪往心里流》_看谱吧"> 《泪往心里流》</a>
        <span class="data_time">2024-10-23</span>
    </li>
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/gangqin/6230.html" title="E大调即兴小曲_看谱吧"> E大调即兴小曲</a>
        <span class="data_time">2024-10-23</span>
    </li>
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/jita/6228.html" title="《隐形的翅膀》_看谱吧"> 《隐形的翅膀》</a>
        <span class="data_time">2024-10-23</span>
    </li>
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/jita/6227.html" title="《沉默是金》_看谱吧"> 《沉默是金》</a>
        <span class="data_time">2024-10-23</span>
    </li>
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/gangqin/6226.html" title="不知名的曲子_看谱吧"> 不知名的曲子</a>
        <span class="data_time">2024-10-23</span>
    </li>
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/jita/6223.html" title="司南《司南冬眠》_看谱吧"> 司南《司南冬眠》</a>
        <span class="data_time">2024-10-23</span>
    </li>
    <li class="top3">
        <a href="https://m.kanpuba.com/yuepu/jita/6222.html" title="《独家记忆》_看谱吧"> 《独家记忆》</a>
        <span class="data_time">2024-10-23</span>
    </li>
</ul>

<div class="line_10"></div>
<div class="footers">
    <p style="line-height: 24px;margin: 25px 15px 0;color: #999;font-size: 13px;">
        声明:本网站部分内容由编辑从互联网收集整理，如果我们转载的作品侵犯了您的权利,请通知我们，我们会及时删除请！</p><a href="https://m.kanpuba.com">看谱吧</a>
</div>


<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="pswp__bg"></div>
    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">
        <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
        <div class="pswp__container">
            <!-- don't modify these 3 pswp__item elements, data is added later on -->
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar">
                <!--  Controls are self-explanatory. Order can be changed. -->
                <div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                <button class="pswp__button pswp__button--share" title="Share"></button>

                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>
            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>
        </div>
    </div>
</div>
<script>
    var openPhotoSwipe = function() {
        var pswpElement = document.querySelectorAll('.pswp')[0];
        // build items array
        var items = [
            {
                src: 'https://img.kanpuba.com/uploads/yuepu/20241024/9aa9cb82e67fac840b8a5e569bac04e3.jpg',
                w: 1800,
                h: 2456,
                title: '特斯拉Semi卡车亮相：2019年生产'
            },
            {
                src: 'https://img.kanpuba.com/uploads/yuepu/20241022/b461e3ef6b75023f6cdf0744fba59d8a.jpg',
                w: 800,
                h: 500,
                title: '12月3日，第四届世界互联网大会在浙江乌镇开幕。本届大会主题为“发展数字经济 促进开放共享——携手共建网络空间命运共同体”。'
            },
            {
                src: 'https://img.kanpuba.com/uploads/yuepu/20241022/4f7ae3988eeacbd0b134833e172e0cb6.jpg',
                w: 516,
                h: 712,
                title: '阿里巴巴菜鸟网络的无人机群组，满载湄洲岛居民下单的六箱货品，仅耗时9分钟就成功飞越海峡，为农村淘宝提供物流服务。'
            },
            {
                src: 'https://img.kanpuba.com/uploads/yuepu/20241022/16aa42145474a682234207c5231484df.jpg',
                w: 857,
                h: 1200
            }
        ];

        // define options (if needed)
        var options = {
            loop: false,
            closeOnScroll: false,
            // history & focus options are disabled on CodePen
            history: true,
            focus: true,


            showAnimationDuration: 0,
            hideAnimationDuration: 0

        };

        var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
        gallery.init();
    };

    // var myphoto = document.getElementsByClassName('img');
    var myphoto = document.getElementById('m_art_content');
    myphoto.onclick = function() {
        // var p_id = myphoto.getAttribute('rel');
        openPhotoSwipe(2);
    }
</script>



<script type="text/javascript">
    // $('[data-magnify]').magnify({
    //     headerToolbar: [
    //         'close'
    //     ],
    //     footerToolbar: [
    //         'zoomIn',
    //         'zoomOut',
    //         'prev',
    //         'fullscreen',
    //         'next',
    //         'actualSize',
    //         'rotateRight'
    //     ],
    //     title: false
    // });


    // $(function () {
    //     $('p img').each(function () {
    //         new RTP.PinchZoom($(this), {});
    //     });
    // })
</script>
</body>
</html>
